<template>
  <div id='tmpl'>
       <mt-swipe :auto="2000">
        <mt-swipe-item v-for="item in imgs">
          <img :src="item.img">
        </mt-swipe-item>
      </mt-swipe>
  </div>
</template>
<script>
export default {
  // props:['imgs'],
  data () {
    return {
     imgs:[
       { img:'https://b-ssl.duitang.com/uploads/item/201412/30/20141230154317_PYZ4N.jpeg'},
       {img :'https://b-ssl.duitang.com/uploads/item/201611/19/20161119004440_B2XL3.jpeg'},
       {img:'https://b-ssl.duitang.com/uploads/item/201606/24/20160624192238_BkvEy.png'}
     ]
      
     
    };
  }
}
</script>
<style lang="css" scoped>
.mint-swipe{
    height: 250px;
   width: 100%;
  }
  .mint-swipe-item{
   width: 100%;
    height: 250px;  
  }
  .mint-swipe-item img{
    height:100%;
    width: 100%;
    display: block;
  }
</style>